@charset "utf-8";
.red {
    color: red;
}

.green {
    color: green;
}

.block {
    display: block;
}

.side {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 480px;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/01-1.jpg);
}

.main_zhuce {
    position: absolute;
    top: 10%;
    right: 2%;
    width: 750px;
    .zhuce {
        position: relative;
        margin: 0 auto;
        width: 480px;
        h1 {
            font-size: 44px;
            margin-bottom: 20px;
        }
        .header {
            font-size: 28px;
            margin-bottom: 30px;
            line-height: 1.2;
            color: #333;
        }
        label {
            display: inline-block;
            font-size: 20px;
            text-align: right;
            width: 100px;
        }
        p {
            margin: 10px 0;
        }
        input {
            border: 1px #aaa solid;
            border-radius: 4px;
            background: 0 0;
            text-align: left;
            font-size: 20px;
            width: 300px;
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
        }
        .submit {
            border: 1px #3083ff solid;
            border-radius: 4px;
            background-color: #3487ff;
            box-shadow: 0 5px 8px 0 rgba(24, 95, 255, .1);
            color: #fff;
            text-align: center;
            font-weight: lighter;
            background-image: linear-gradient(0deg, #398bff, #3083ff);
            width: 340px;
            height: 60px;
            margin: 40px 0 8px;
            font-size: 24px;
            margin-left: 105px;
        }
        .submit:hover {
            background-color: #3580eb;
            background-image: linear-gradient(0deg, #3580eb, #2c79eb);
        }
    }
}

#zhuce,
#zhuce1 {
    span {
        text-indent: 115px;
    }
    .no-indent {
        text-indent: 0;
    }
}